<template>
    <el-card style="background-color: #f4f4f5" shadow="hover">
        <div style="text-align:center;width: 50px;line-height: 50px;float: left">
            <i style="font-size: 25px" :class="iconClass"></i>
        </div>
        <div style="text-align: left">
            <div style="font-size: 18px;color: #000000; font-weight:900;">{{orderCount}}</div>
            <div style="font-size: 14px">{{describe}}</div>
        </div>
    </el-card>
</template>

<script>
    export default {
        name: 'tg_order_card',
        data() {
            return {
                dialogVisible: false
            }
        },
        props: {
            orderCount: {
                type: Number,
                default: 0
            },
            describe: {
                type: String,
                default: ''
            },
            iconClass: {
                type: String,
                default: 'el-icon-goods'
            }
        }
    }
</script>
<style scoped>
.el-card__body {
    padding: 10px;
}
</style>